<div class="header">
	<div class="site-header">
		<div class="wrapper">
			<div class="top-nav">
				<div class="user-name">你好,<span class="name">xxx用户</span></div>
				<a href="login.html" class="hidden">登录</a>
			</div>
		</div>
	</div>
	<div class="site-nav">
		<div class="wrapper">
			<div class="logo">
				<img src="http://placehold.it/120x35" alt="">
			</div>
			<div class="main-nav">
				<ul class="nav">
					<li class="active">
						<a href="#">网络监控</a>
						<div class="dropdown-menu">
							<div class="wrapper">
								<ul class="menu">
									<li class="active"><a href="#">流量分析</a></li>
									<li><a href="#">系统日志</a></li>
									<li><a href="#">攻击日志</a></li>
									<li><a href="#">上网行为日志</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">网络设置</a>
						<div class="dropdown-menu">
							<div class="wrapper">
								<ul class="menu">
									<li><a href="#">外网配置</a></li>
									<li><a href="#">无线配置</a></li>
									<li><a href="#">内网配置</a></li>
									<li><a href="#">端口映射</a></li>
									<li><a href="#">动态域名</a></li>
									<li><a href="#">攻击防御</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">网速管理</a>
						<div class="dropdown-menu">
							<div class="wrapper">
								<ul class="menu">
									<li><a href="#">智能限速</a></li>
									<li><a href="#">手动限速</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">上网行为控制</a>
						<div class="dropdown-menu">
							<div class="wrapper">
								<ul class="menu">
									<li><a href="#">电脑数据库</a></li>
									<li><a href="#">上网过滤</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">VPN</a>
						<div class="dropdown-menu">
							<div class="wrapper">
								<ul class="menu">
									<li><a href="#">客户端</a></li>
									<li><a href="#">服务端</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">路由管理</a>
						<div class="dropdown-menu">
							<div class="wrapper">
								<ul class="menu">
									<li><a href="#">权限管理</a></li>
									<li><a href="#">系统参数</a></li>
									<li><a href="#">系统升级</a></li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script>
	$(function(){
		$('.main-nav .nav >li')
			.on('mouseenter', function() {
				$(this).addClass('current');
			})
			.on('mouseleave', function() {
				$(this).removeClass('current');
			})
	})
</script>